<template>

  <div class="animate__animated animate__fadeIn">
    <a-row :gutter="24">
        <CardSearchResult
            :data="caseData"
            :columns="tableColumns">

        </CardSearchResult>
    </a-row>


  </div>
</template>

<script>

import CardSearchResult from "@/components/Cards/CardSearchResult";

const tableColumns = [

  {
    title: '信息',
    dataIndex: 'reportInfo',
    scopedSlots: { customRender: 'reportInfo' },
  },

  {
    title: '认证状态',
    dataIndex: 'veri',
    scopedSlots: {customRender: 'veri'}
  },


];

// "Projects" table list of rows and their properties.
const tableData = [
  {
    key: '1',

    reportInfo: {
      link: '/test',
      data: '内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容'
    },
    veri: true,
    type: '账号交易'
  },

  {
    key: '2',

    reportInfo: {
      link: '/test',
      data: '内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容'
    },
    veri: false,
    type: '账号交易'
  },

  {
    key: '3',

    reportInfo: {
      link: '/test',
      data: '内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容'
    },
    veri: true,
    type: '游戏代练'
  },
  {
    key: '4',

    reportInfo: {
      link: '/test',
      data: '内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容'
    },
    veri: true,
    type: '游戏代练'
  },
  {
    key: '5',

    reportInfo: {
      link: '/test',
      data: '内容内容内容内容内容容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容'
    },
    veri: true,
    type: '游戏代练'
  },
];

export default {
  components:{
    CardSearchResult
  },
  data(){
    return{
      // Associating table data with its corresponding property.
      tableData,

      // Associating table columns with its corresponding property.
      tableColumns,
      tittle: '',
      caseData: []
    }
  },
  name: "SearchResult",
  watch: {
    '$route' (to, from) {
      // 路由发生变化页面刷新
      this.$router.go(0);
    }
  },
  methods:{
    getSearch(){
      // console.log(this.tittle)
      this.$axios({
        headers: {
          "Content-Type": "application/json;charset=UTF-8",
        },
        url: "/api/case/search", //后端请求的路径
        method: "post",
        params: {
          tittle: this.tittle,
        },
      }).then((response) => {
        console.log(response.data)
        if (response.data.status === 0) {
          this.caseData = response.data.data
        }
      });

    }
  },
  mounted() {
    this.getSearch()
    // swal("恭喜您!", "您已经成为审核人员!", "success");
  },
  created() {
    if (this.$route.query.tittle !== undefined) {
      // console.log(this.$route.query.email)
      this.tittle = this.$route.query.tittle
    }else {
      swal("非法请求","","warning")
          .then((e) => {
            this.backHistory();
          })
    }
  }
}
</script>

<style lang="scss">

</style>